<!DOCTYPE html>
<html lang="en">
    <head>
        <!--
                        Charisma v1.0.0
        
                        Copyright 2012 Muhammad Usman
                        Licensed under the Apache License v2.0
                        http://www.apache.org/licenses/LICENSE-2.0
        
                        http://usman.it
                        http://twitter.com/halalit_usman
        -->
        <meta charset="utf-8">
        <title>Secret&aacute;ria</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description"
              content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
        <meta name="author" content="Muhammad Usman">

        <!-- The styles -->
        <link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
        <style type="text/css">
            body {
                padding-bottom: 40px;
            }

            .sidebar-nav {
                padding: 9px 0;
            }
        </style>
        <link href="css/bootstrap-responsive.css" rel="stylesheet"/>
        <link href="css/charisma-app.css" rel="stylesheet"/>
        <link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet"/>
        <link href='css/fullcalendar.css' rel='stylesheet'/>
        <link href='css/fullcalendar.print.css' rel='stylesheet' media='print'/>
        <link href='css/chosen.css' rel='stylesheet'/>
        <link href='css/uniform.default.css' rel='stylesheet'/>
        <link href='css/colorbox.css' rel='stylesheet'/>
        <link href='css/jquery.cleditor.css' rel='stylesheet'/>
        <link href='css/jquery.noty.css' rel='stylesheet'/>
        <link href='css/noty_theme_default.css' rel='stylesheet'/>
        <link href='css/elfinder.min.css' rel='stylesheet'/>
        <link href='css/elfinder.theme.css' rel='stylesheet'/>
        <link href='css/jquery.iphone.toggle.css' rel='stylesheet'/>
        <link href='css/opa-icons.css' rel='stylesheet'/>
        <link href='css/uploadify.css' rel='stylesheet'/>

        <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
                  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
                <![endif]-->

        <!-- The fav icon -->
        <link rel="shortcut icon" href="img/favicon.ico">

    </head>

    <body>
        <!-- topbar starts -->
        <div class="navbar">
            <div class="navbar-inner">
                <div class="container-fluid">
                    <a class="btn btn-navbar" data-toggle="collapse"
                       data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
                        <span class="icon-bar"></span> <span class="icon-bar"></span> <span
                            class="icon-bar"></span>
                    </a> <a class="brand" href="secretaria.html"><span>Secret&aacute;ria</span></a>

                    <!-- theme selector starts -->
                    <div class="btn-group pull-right theme-container">
                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                            <i class="icon-tint"></i><span class="hidden-phone">
                                Alterar Cor</span> <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" id="themes">
                            <li><a data-value="classic" href="#"><i
                                        class="icon-blank"></i> Padr&atilde;o</a></li>
                            <li><a data-value="cerulean" href="#"><i
                                        class="icon-blank"></i> Azul Claro</a></li>
                            <li><a data-value="cyborg" href="#"><i class="icon-blank"></i>
                                    Preto</a></li>
                            <li><a data-value="redy" href="#"><i class="icon-blank"></i>
                                    Vermelho</a></li>
                            <li><a data-value="journal" href="#"><i
                                        class="icon-blank"></i> Branco</a></li>
                            <li><a data-value="simplex" href="#"><i
                                        class="icon-blank"></i> Simples</a></li>
                            <li><a data-value="slate" href="#"><i class="icon-blank"></i>
                                    Cinza Escuro</a></li>
                            <li><a data-value="united" href="#"><i class="icon-blank"></i>
                                    Laranja</a></li>
                        </ul>
                    </div>
                    <!-- theme selector ends -->

                    <!-- user dropdown starts -->
                    <div class="btn-group pull-right">
                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                            <i class="icon-user"></i><span class="hidden-phone"> Conta</span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="index.html">Sair</a></li>
                        </ul>
                    </div>
                    <!-- user dropdown ends -->
                    <!-- Usuarios -->
                    <div class="btn-group pull-right">
                        <ul class="dropdown-menu">
                            <li><a class="btn-setting">Cadastrar</a></li>
                        </ul>
                    </div>
                    <!-- End Usuarios -->
                </div>
            </div>
        </div>
        <!-- topbar ends -->
        <div class="container-fluid">
            <div class="row-fluid">

                <!-- left menu starts -->
                <div class="span2 main-menu-span">
                    <div class="well nav-collapse sidebar-nav">
                        <ul class="nav nav-tabs nav-stacked main-menu">
                            <li class="nav-header hidden-tablet">Menu Principal</li>
                            <li><a class="ajax-link" href="secretariaProcesso.html"><i
                                        class="icon-list-alt"></i><span class="hidden-tablet">
                                        Processos</span></a></li>
                            <li><a class="ajax-link" href="secretariaCliente.html"><i
                                        class="icon-user"></i><span class="hidden-tablet">
                                        Clientes</span></a></li>
                        </ul>
                    </div>
                    <!--/.well -->
                </div>
                <!--/span-->
                <!-- left menu ends -->

                <div id="content" class="span10">
                    <!-- content starts -->
                 <div class="sortable row-fluid">
                        <a data-rel="tooltip" title="advogados cadastrados"
                           class="well span3 top-block" href="#"> <span
                                class="icon32 icon-red icon-user"></span>
                            <div>Advogados no escrit&oacute;rio</div>
                            <span class="notification" id="notification-advogados-escritorio"></span>
                        </a> <a data-rel="tooltip" title="Secretarias(os)"
                                class="well span3 top-block" href="#"> <span
                                class="icon32 icon-color icon-star-on"></span>
                            <div>Secret&aacute;rias(os) no escrit&oacute;rio</div>
                             <span class="notification green" id="notication-total-secretarias-escritorio"></span>
                        </a> <a data-rel="tooltip"
                                title="clientes com processos no escrit&oacute;rio"
                                class="well span3 top-block" href="#"> <span
                                class="icon32 icon-color icon-home"></span>
                            <div>Clientes</div>
                            <span class="notification yellow" id="notication-total-clientes-escritorio"></span>
                        </a> <a data-rel="tooltip" title="Processos cadastrados"
                                class="well span3 top-block" href="#"> <span
                                class="icon32 icon-color icon-book"></span>
                            <div>Processos Cadastrados</div>
                            <span class="notification red" id="notication-total-processos-escritorio"></span>
                        </a>
                    </div>

                </div>
            </div>

            <hr>

            <footer>
                <p class="pull-left">
                    &copy; <a href="#" target="_blank">Bacharel 6º Ciclo FATEC
                        Carapicu&iacute;ba</a> 2012
                </p>
            </footer>

        </div>
        <!--/.fluid-container-->

        <!-- external javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->

        <!-- jQuery -->
        <script src="js/jquery-1.7.2.min.js"></script>
        <!-- jQuery UI -->
        <script src="js/jquery-ui-1.8.21.custom.min.js"></script>
        <!-- transition / effect library -->
        <script src="js/bootstrap-transition.js"></script>
        <!-- alert enhancer library -->
        <script src="js/bootstrap-alert.js"></script>
        <!-- modal / dialog library -->
        <script src="js/bootstrap-modal.js"></script>
        <!-- custom dropdown library -->
        <script src="js/bootstrap-dropdown.js"></script>
        <!-- scrolspy library -->
        <script src="js/bootstrap-scrollspy.js"></script>
        <!-- library for creating tabs -->
        <script src="js/bootstrap-tab.js"></script>
        <!-- library for advanced tooltip -->
        <script src="js/bootstrap-tooltip.js"></script>
        <!-- popover effect library -->
        <script src="js/bootstrap-popover.js"></script>
        <!-- button enhancer library -->
        <script src="js/bootstrap-button.js"></script>
        <!-- accordion library (optional, not used in demo) -->
        <script src="js/bootstrap-collapse.js"></script>
        <!-- carousel slideshow library (optional, not used in demo) -->
        <script src="js/bootstrap-carousel.js"></script>
        <!-- autocomplete library -->
        <script src="js/bootstrap-typeahead.js"></script>
        <!-- tour library -->
        <script src="js/bootstrap-tour.js"></script>
        <!-- library for cookie management -->
        <script src="js/jquery.cookie.js"></script>
        <!-- calander plugin -->
        <script src='js/fullcalendar.js'></script>
        <!-- data table plugin -->
        <script src='js/jquery.dataTables.min.js'></script>

        <!-- chart libraries start -->
        <script src="js/excanvas.js"></script>
        <script src="js/jquery.flot.min.js"></script>
        <script src="js/jquery.flot.pie.min.js"></script>
        <script src="js/jquery.flot.stack.js"></script>
        <script src="js/jquery.flot.resize.min.js"></script>
        <!-- chart libraries end -->

        <!-- select or dropdown enhancer -->
        <script src="js/jquery.chosen.min.js"></script>
        <!-- checkbox, radio, and file input styler -->
        <script src="js/jquery.uniform.min.js"></script>
        <!-- plugin for gallery image view -->
        <script src="js/jquery.colorbox.min.js"></script>
        <!-- rich text editor library -->
        <script src="js/jquery.cleditor.min.js"></script>
        <!-- notification plugin -->
        <script src="js/jquery.noty.js"></script>
        <!-- file manager library -->
        <script src="js/jquery.elfinder.min.js"></script>
        <!-- star rating plugin -->
        <script src="js/jquery.raty.min.js"></script>
        <!-- for iOS style toggle switch -->
        <script src="js/jquery.iphone.toggle.js"></script>
        <!-- autogrowing textarea plugin -->
        <script src="js/jquery.autogrow-textarea.js"></script>
        <!-- multiple file upload plugin -->
        <script src="js/jquery.uploadify-3.1.min.js"></script>
        <!-- history.js for cross-browser state change on ajax -->
        <script src="js/jquery.history.js"></script>
        <!-- application script for Charisma demo -->
        <script src="js/charisma.js"></script>
        <script src="js/cadastro-usuario.js"></script>
<script type="text/javascript">
		$(function() {
			jQuery.get('../index.php?notificacao/totalAdvogadosEscritorio', {}, function(ret) {
				document.getElementById('notification-advogados-escritorio').innerHTML = ret;
			}, "html");
			jQuery.get('../index.php?notificacao/totalSecretariasEscritorio',{},function(ret) {
				document.getElementById('notication-total-secretarias-escritorio').innerHTML = ret;
			}, "html");
			jQuery.get('../index.php?notificacao/totalClientesEscritorio',{},function(ret) {
				document.getElementById('notication-total-clientes-escritorio').innerHTML = ret;
			}, "html");
			jQuery.get('../index.php?notificacao/totalProcessosEscritorio',{},function(ret) {
				document.getElementById('notication-total-processos-escritorio').innerHTML = ret;
			}, "html");
			jQuery.get('../index.php?notificacao/getCodigoEscritorio',{},function(ret) {
				document.getElementById('notification-code-escritorio').innerHTML = "escrit&oacute;rio : " + ret;
			}, "html");
			jQuery.get('../index.php?notificacao/getCodigoGerente',{},function(ret) {
				document.getElementById('notification-code-gerente').innerHTML = "C&oacute;digo de gerente : " + ret;
			}, "html");
			
		});
	</script>

    </body>
</html>
